<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="/WEB-INF/jstl/c.tld" prefix="c" %>
<%@ taglib uri="/WEB-INF/jstl/fn.tld" prefix="fn" %>
<%@ taglib uri="/WEB-INF/jstl/fmt.tld" prefix="fmt" %>
<%@ taglib uri="/WEB-INF/jstl/spring-form.tld" prefix="form" %> 
<%@ taglib uri="/WEB-INF/jstl/spring.tld" prefix="spring"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <base href="<%=basePath%>">
    
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
   
    <title>生成订单页面</title>
    
    <!--标题图标-->
<link rel="shortcut icon" type="image/x-icon"
	href="<%=basePath%>assets/x-img/logo-title.ico" media="screen" />
    <link rel="stylesheet" type="text/css" href="<%=basePath%>assets/bootstrap/css/resetPro.css">
	<link href="<%=basePath%>assets/bootstrap/css/bootstrap-combined.min.css" rel="stylesheet">
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery-2.0.0.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery-ui.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery.ui.touch-punch.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/js/jquery.htmlClean.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/ckeditor/ckeditor.js"></script>
	<script type="text/javascript" src="<%=basePath%>assets/bootstrap/ckeditor/config.js"></script>
	<link rel="stylesheet" type="text/css" href="<%=basePath%>assets/bootstrap/Font-Awesome-3.2.1/css/font-awesome.min.css">
	<!--这个js有时候会冲突-->
	<!--<script type="text/javascript" src="<%=basePath%>bootstrap/js/scripts.js"></script>-->
	<link rel="stylesheet" href="<%=basePath%>assets/onedate/css/BeatPicker.min.css"/>
    <script src="<%=basePath%>assets/onedate/js/BeatPicker.min.js"></script>
    <script src="<%=basePath%>assets/onedate/documents/js/prism.js"></script>
	
	<style type="text/css">
		a:hover{
			text-decoration: none!important;
		}
		.onedivPro{
			width: 320px;
			margin: 0px auto;
			margin-top:22px;
		}
		.pzSpanClass{
		 	margin: 0 15px;
		}
		.pzClass{
			width:55px;
			height:25px;
		}
		.cheSpan{
				display: inline-block!important;
				min-width: 25px;
			}
		.keyinput{
			margin-bottom: 0px!important;
			height: 30px!important;
		}
		.datatable th, .datatable td{
		text-align:center!important;
		vertical-align:middle!important;
		}
		.foottable{
			border-top-width:0px!important;
			margin-top: -21px!important;
		}
		 .oneinput{
			margin-bottom: 0px!important;
			height: 30px!important;
		} 
		.onediv{
			/* width: 290px; */
			margin: 0px auto;
			margin-top:-10px;
			}
		.toStrong{
			font-weight:700;
		}
		.alldiv{
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}
		.borderStrong{
				border: 5px solid #dee5e5;
		}
		.z5{
			margin: 0 10px;
		}
		.z6{
			margin-right:10px;
		}
		.zerodiv{
			margin-top: 25px;
		}
		.fromdiv{
			width: 290px;
			margin: 0px auto;
			margin-top:30px;
		}
		.xspan{
			width: 23% !important;
			text-align: center;        /*文字水平居中对齐*/
   			line-height: 30px;
   			font-size: 0.9em;
   			margin-left: 0px !important;
			display: inline-block !important;
			
		}
		.pwinput{
			height:33px!important;
			margin-bottom:0px!important;
			font-size:18px!important;
		}
		</style>
</head>
 <body style="min-height: 660px; cursor: auto;" class="edit">
   <div class="container-fluid">
   <div class="row-fluid">
		<div class="span12">
			<!--引入Top导航-->
			<%@include file="shared/pageTop.jsp"%>
		</div>
	</div>
	<div class="row-fluid zerodiv">
		<div class="span12">
			
		
			<div class="row-fluid">
				<div class="span12">
						<!-- 显示提示信息 -->
						<%@include file="../admin/shared/info.jsp"%>
					<div class="row-fluid " >
						
						<div class="span12">
<c:choose>
	  	<c:when test="${empty tempOrder }">
			<!-- 不存在订单 -->
			<h4 class="text-center text-error">
				[${empty member?'未登录':member.name}]没有要处理的订单...
			</h4>
		</c:when>
		<c:otherwise>
			<!-- 展示订单 -->
			<div class="onediv">
				   <div class="hero-unit">
		    	   <h3 class="form-signin-heading "><span class="icon-bookmark z5 "></span>订单信息</h3>
				      	<div class="control-group">
			        		<span class="z5">用户ID</span>:
			        		<span class="z5 toStrong">${tempOrder.mid}</span>
			       		 </div>
			       		 <div class="control-group">
			        		<span class="z5">用户名</span>:
			        		<span class="z5 toStrong">${member.name}</span>
			       		 </div>
			       		  <div class="control-group">
			        		<span class="z5">商品总数</span>:
			        		<span class="z5 toStrong">${tempOrder.sum}&nbsp;(件)</span>
			        </div>
			       		 <div class="control-group">
			        		<span class="z5">商品简要:</span>:
			        		<span class="z5  toStrong">${tempOrder.desc}</span>
			       		 </div>
			        	 <div class="control-group">
			        		<span class="z5">联系方式</span>:
			        		<span class="z5 toStrong">${tempOrder.tel}</span>
			            </div>
					<div class="control-group">
			        		<span class="z5">收货地址</span>:
			        		<span class="z5 toStrong">${tempOrder.address}</span>
			        </div>
			        <div class="control-group">
			        		<span class="z5">应付金额</span>:
			        		<span class="z5 toStrong">${tempOrder.cost}&nbsp;(￥)</span>
			       	</div>
			      <form class="form-signin z5" action="<%=basePath%>order/checkout" method="post">
			        <h3 class="form-signin-heading">确认付款<span class="glyphicon glyphicon-user"></span></h3>
			        <input type="password" name="payKey" id="inputPassword" class="form-control  pwinput" placeholder="请输入支付密码" required>
			        <button class="btn btn-large btn-success" type="submit">提交订单</button>
			        <button class="btn btn-large btn-danger"
					onclick="javascript:window.location.href='<%=basePath%>order/giveup';">
					放弃订单</button>
			        </form>
					</div>
				</div>
		</c:otherwise>
</c:choose>



							
				</div>
			</div>
		</div>
	</div>
</div>
</div>
  </body>
</html>
